*{margin:0;padding:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{display:block;content:'.';height:0;line-height:0;visibility:hidden;clear:both;}
.clearfix{zoom:1;}
li{list-style:none;}
.navbar{margin-bottom:0;}
.navbar .navbar-header .navbar-brand{padding:0;width:240px;}
.navbar .navbar-header .navbar-toggle{border-color:#ddd;}
.navbar .navbar-header .navbar-toggle .icon-bar{background:#888;}
.navbar .nav li a{color:#777;}
.navbar .nav li a:hover{background:#f5c63a;color:#fff;}
.foot{margin-top:75px;height:310px;width:100%;padding:10px;background:#f5f6f8;}
.foot .foot-con{width:100%;}
.foot .logo img{height:50px;}
@media (min-width:900px){
    .foot .foot-con{width:95%;margin:20px auto;}
    .foot .foot-con>div:not(:last-child){margin-right:3%;}
}
@media (min-width:1024px){
    .foot .foot-con{width:86%;}
    .foot .foot-con>div:not(:last-child){margin-right:5%;}
}
@media (min-width:1250px){
    .foot .foot-con{width:80%;}
    .foot .foot-con>div:not(:last-child){margin-right:8%;}
    .foot .foot-con ul{padding-left:15px;}
}
@media (min-width:1400px){
    .foot .foot-con>div:not(:last-child){margin-right:10%;}
}
@media (min-width:1700px){
    .foot .foot-con>div:not(:last-child){margin-right:15%;}
}
.foot .foot-con .s-title a{color:#8d8988;font-size:18px;font-family:bold;text-decoration:none;padding-bottom:1px;}
.foot .foot-con .s-title a:hover{border-bottom:1px solid #8d8988;}
.foot .foot-con ul li{font-size:14px;color:#8d8988;margin:15px 0;word-break:keep-all;white-space:nowrap;}
.foot .foot-con .contect img{margin-top:15px;}
@media (max-width:800px){
    .foot{height:auto;margin-top:30px;}
    .about,.project,.join-us,.contect{float:none;}
    .about,.project,.join-us,.contect .s-title{display:none;}
    .foot .foot-con .contect{text-align:center;}
    .foot .foot-con .contect img{float:none;margin:0 auto;}
    .foot .foot-con ul{width:100%;}
    .foot .foot-con ul li{word-break:normal;white-space:normal;}
}
